<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Contact</title>
  <script type="text/javascript" src="js/common.js" charset="utf-8"></script>
  <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
  <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" href="style/reset.css">
  <link rel="stylesheet" href="style/contact.css">
  <link rel="stylesheet" href="style/common.css">
</head>

<body>
  <!-- 最大容器 -->
  <div class="wapper">
    <!-- 头部 -->
    <div class="header">
      <!-- bootstrap导航条 -->
      <nav class="navbar navbar-default">
        <div class="container">
          <!-- Brand and toggle get grouped for better mobile display -->
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="index.html">
              <img src="images/logo.png" alt="">
            </a>
          </div>
          <!-- Collect the nav links, forms, and other content for toggling -->
          <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav navbar-right navul">
              <li><a href="index.html">首页</a></li>
              <li><a href="show.html">产品展示</a></li>
              <li><a href="aboutus.html">关于我们</a></li>
              <li><a href="action.html">企业动态</a></li>
              <li><a href="contact.html">联系我们</a></li>
              <li><a href="server.html">售后服务</a></li>
              <li><a href="news.html">新闻资讯</a></li>
              <li><a href="plan.html">解决方案</a></li>
            </ul>
          </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
      </nav>
    </div>
    <!-- 轮播图 -->
    <div class="bannerout">
      <div class="banner">
        <ul class="ul">
          <li>
            <a href="detail.html"><img src="images/contact_banner.jpg" alt=""></a>
          </li>
          <li>
            <a href="detail.html"><img src="images/contact_banner.jpg" alt=""></a>
          </li>
          <li>
            <a href="detail.html"><img src="images/contact_banner.jpg" alt=""></a>
          </li>
          <li>
            <a href="detail.html"><img src="images/contact_banner.jpg" alt=""></a>
          </li>
        </ul>
        <ul class="bar">
          <li class="cur"></li>
          <li></li>
          <li></li>
          <li></li>
        </ul>
        <a href="javascipt:;" class="left">&lt;</a>
        <a href="javascipt:;" class="right">&gt;</a>
      </div>
    </div>
    <!-- 联系我们 -->
    <div class="contact">
      <h3>联系我们<span>Contact us</span></h3>
      <p>我公司注重产品设计是一个将人的某种目的或需要转换为一个具体的物理形式或工具的过程，是把一种计划、规划设想、问题解决的方法，通过具体的载体——以美好的形式表达出来的一种创造性活动过程，通过多种元素如线条、符号、数字、色彩等方式的组合把产品的形状以平面或立体的形式展现出来。</p>
      <img src="images/contact_pic01.jpg" alt="">
    </div>
    <!-- 留言方式 -->
    <div class="message">
      <div class="text">
        <h3>留言方式</h3>
        <p>　由于产品设计阶段要全面确定整个产品策略、外观、结构、功能，从而确定整个生产系统的布局，因而，产 品设计的意义重大，具有“牵一发而动全局”的重要意义。如果一个产品的设计缺乏生产观点，那么生产时就将耗费大量费用来调整和更换设备、物料和劳动力。相反，好的产品设计，不仅表现在功能上的优越性，而且便于制造，生产成本低，从而使产品的综合竞争力得以增强。许多在市场竞争中占优势的企业都十分注意产品设计的细节，以便设计出造价低而又具有独特功能的产品。许多发达国家的公司都把设计看作热门的战略工具，认为好的设计是赢得顾客的关键。</p>
      </div>
      <div class="form">
        <form action="" method="POST">
          <p>姓名</p>
          <input type="text" name="username">
          <p>电话</p>
          <input type="tel" name="phonenum">
          <p>留言</p>
          <textarea name=""></textarea>
          <p>验证码</p>
          <input type="text" name="test">
          <input type="submit" name="submit">
        </form>
      </div>
    </div>
    <!-- 内容底部 -->
    <div class="contbut">
      <div class="contb">
        <p>地址：XX省XX市XX县XX路XX区</p>
        <p>电话：000-000-000</p>
        <p>邮箱：00000-123-000</p>
      </div>
    </div>
    <!-- 底部 -->
    <div class="footer">
      <div class="footerin">
        <img src="images/logo_02.png" alt="">
        <ul class="footul">
          <li>
            <p>购物指南</p>
            <ul>
              <li><a href="">如何注册</a></li>
              <li><a href="">购物流程</a></li>
              <li><a href="">客服热线</a></li>
            </ul>
          </li>
          <li>
            <p>配送方式</p>
            <ul>
              <li><a href="">用户自提</a></li>
              <li><a href="">送货上门</a></li>
              <li><a href="">配送范围及运费</a></li>
              <li><a href="">验货或签收</a></li>
            </ul>
          </li>
          <li>
            <p>售后服务</p>
            <ul>
              <li><a href="">退换货流程</a></li>
              <li><a href="">跟踪和回访</a></li>
              <li><a href="">维修说明</a></li>
            </ul>
          </li>
          <li>
            <p>退换货流程</p>
            <ul>
              <li><a href="">正品保障</a></li>
              <li><a href="">先行赔付</a></li>
              <li><a href="">天无条件退换</a></li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <script src="js/banner.js"></script>
  <script src="bootstrap/js/bootstrap.js"></script>
</body>

</html>